<template>
	<view class="container">
		<u-navbar title="我的钱包" :border-bottom="false">
			<u-icon name="/static/mine/icon_sz_186.png" slot="right" @tap="navigateTosetPay()"></u-icon>
		</u-navbar>
		<view class="page-top">
			<text class="yuprice-boldtext">{{yuprice|getPricefixedFilter}}</text>
			<text class="yuprice-name">余额（元）</text>
		</view>
		<view class="group-cells">
			<u-cell-group :border="false">
				<u-cell-item title="提现">
					<u-icon name="/static/mine/icon_tx_254.png" size="40" slot="icon"></u-icon>
				</u-cell-item>
				<u-cell-item :border-bottom="false" title="充值">
					<u-icon name="/static/mine/icon_cz_255.png" size="40" slot="icon"></u-icon>
				</u-cell-item>
			</u-cell-group>
		</view>
		<view class="group-cells">
			<u-cell-group :border="false">
				<u-cell-item title="账单" :border-bottom="false" >
					<u-icon name="/static/mine/icon_255.png" size="40" slot="icon"></u-icon>
				</u-cell-item>
			</u-cell-group>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				yuprice:520
			}
		},
		methods: {
			navigateTosetPay(){
				uni.navigateTo({
					url:'/pages/setpay/setpay'
				});
			}
		},
		filters:{
			getPricefixedFilter(val){
				return val.toFixed(2);
			}
		}
	}
</script>

<style lang="scss">
    page{
		width: 100%;
		height: 100%;
	}
	.container{
		width: 100%;
		height: 100%;
		background-color: rgba(244, 248, 251, 1);
		.page-top{
			width: 100%;
			height: 300rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			flex-direction: column;
			background-color: #fff;
			text{
				display: block;
				width: 100%;
				text-align: center;
			}
			.yuprice-boldtext{font-weight: bold;font-size:60rpx;}
			.yuprice-name{color: #888;font-size: 25rpx;margin-top: 50rpx;}
		}
		.group-cells{
			width: 100%;
			height: auto;
			margin-top: 27rpx;
		}
	}
</style>
